import React, { Component } from 'react';
import "./aboutMe.scss";
import { aboutMe } from "../../api/lxc";
import { Carousel } from 'antd';
import cshdydy from "../../images/cshdydy.jpg"
import sxxy from "../../images/sxxy.jpg"
import dz from "../../images/dz.jpg"
import qbq from "../../images/qbq.jpg"
import jksh from "../../images/jksh.jpg"
import awcrmtzx from "../../images/awcrmtzx.jpg"
import ggszwhzx from "../../images/ggszwhzx.jpg"


class AboutMeComponent extends Component {
	constructor(props) {
		super(props);
		this.state = {
			homeData: { content: [], project: [] },
			aboutMeContent: "",
			qrCodeList: [
				{ img: cshdydy, name: "城市活动阅读云" },
				{ img: sxxy, name: "中国教育报刊社书香校园" },
				{ img: dz, name: "读者超级会员" },
				{ img: qbq, name: "轻兵器超级会员" },
				{ img: jksh, name: "金卡生活会员服务" },
				{ img: awcrmtzx, name: "武城融媒中心云阅读" },
				{ img: ggszwhzx, name: "公共数字文化智能服务建设" },
			]
		}
	}
	componentWillMount() {
		//   let time=null;
		//   let num=-1;
		//请求首页数据
		// this.setState({ lodingShow : true })//显示loding
		aboutMe().then(res => {
			this.setState({
				homeData: res.data.data,
				aboutMeContent: res.data.data.content
			})

			//  time=setInterval(()=>{
			//    num++
			// let new_content=this.state.aboutMeContent+res.data.data.content[num]
			//  		this.setState({
			//  		  aboutMeContent : new_content, 
			//  		})
			// if(num>=res.data.data.content.length-1){
			// 	clearInterval(time)
			// 	time=null;
			// }
			//  },60)
		})
	}
	render() {
		return (
			<div className="aboutMeConainer">
				{/* <div className="aboutMe_content">
					<Carousel autoplay className="Carousel_main">
						{
							this.state.qrCodeList.map((item, index) => {
								return (<div className="Carousel_warp" key={index}>
									<div className="carouselContent_left">
										<img src={item.img} />
									</div>
								</div>)
							})
						}
					</Carousel>
				</div> */}
				<h6 className="about-res-h6">临时添加一个小页面，简历附件里没法儿展示小程序二维码<br/>手机微信长按识别小程序码</h6>	
				<div className="qr-res-warp">
					{
						this.state.qrCodeList.map((item, index) => {
							return (<div className="qr-res-item" key={index}>
								<div className="qr-res-img">
									<img src={item.img} />
								</div>
								<div className="qr-res-title">{item.name}</div>
							</div>)
						})
					}
				</div>

				{/* <div className="aboutMe_main">
					<p>90后程序员一枚，主攻pc/移动端网站开发 微信小程序/公众号开发 跨平台开发；使用语言为html/html5,css/css3,javascript,jq,vueJs,reactJs,微信小程序,uniapp,Node.js等前端开发技术。</p>
			<p>2017年3月份开始漫长的前端工外派工作.期间做过中国工业和信息化研究院车辆准入系统维护/装备中心系统开发(vue).后来人手过多时,被调到金山办公做金山ep官网(vue)/wps在线预览网站(jq)/维护wps用户统计系统(react).后来接近年底的时候被调到舜鑫网络,做微信公众号开发网约车项目(vue+微信公众号api+高德).在做外派工作的时间里虽然很累,但是认识了很多的小伙伴,收获到以前从未用过的技术/经验,加油!!</p>	
			<p>2018年年初,想追求一个长期稳定的工作来维持生计(～北漂人～).入职龙源创新股份有限公司担任前端工程师一职.主要做移动端大屏项目/跨平台app开发/微信小程序开发/pc网站开发/移动端网站开发........</p>
			<p>以后 -> 加油 ～ !!!!!!</p>
				</div> */}
			</div>
		)
	}
}

// 19
// 18 
// 17 6
// longyuan : 2018/4 - 2019,


export default AboutMeComponent;